<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href='http://fonts.googleapis.com/css?family=Emblema+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Tauri&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/h_style.css" type="text/css" />
	<link rel="stylesheet" href="css/css/font-awesome.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/d_plug.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.d_slider').slider();
			$('.recommend_roducts').scrollMove({
				move   :'start',
				autoScroll: true

			});
		});
	</script>
	<title>无标题文档</title>
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="cent">
			<a href="" class="logo"><img src="images/logo.png" alt="" /></a>
			<ul class="menu jumbotron-icon">
				<li><a class="active" href=""><i class="icon-home"></i>Home</a></li>
				<li><a href=""><i class="icon-user"></i>About us</a></li>
				<li><a href=""><i class="icon-thumbs-up"></i>Service</a></li>
				<li><a href=""><i class="icon-th-list"></i>Products</a></li>
				<li><a href=""><i class="icon-envelope"></i>Contact us</a></li>
			</ul>
			<form class="search" action="" method="">
				<input class="txt" type="text" />
				<input class="btn icon-search" type="submit" value="" />
			</form>
		</div>
	</div>
	<!-- header END / -->

	<!-- slider -->
	<div class="d_slider cent">
		<ul class="big_pitrue">
			<li><img src="images/1.png" height="356" width="1000" alt="" /></li>
			<li><img src="images/1.png" height="356" width="1000" alt="" /></li>
			<li><img src="images/1.png" height="356" width="1000" alt="" /></li>
		</ul>
		<ul class="slider_btn">
		</ul>
	</div>
	<!-- slider END / -->

	<!-- d_content -->
	<div class="d_content cent">
		<!-- recommend_roducts -->
		<div class="recommend_roducts cent">
			<h1>Recommend Products</h1>
			<a class="icon-chevron-left" href="javascript:;"></a>
			<a class="icon-chevron-right" href="javascript:;"></a>
			<ul>
				<li>
					<a href="">
						<img src="images/img4.jpg" width="95%" alt="" />
					    <strong>Products Title </strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img5.jpg" width="95%" alt="" />
					    <strong>Products Title Products Title<</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img6.jpg" width="95%" alt="" />
					    <strong>Products TitleProducts Title<</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img7.jpg" width="95%" alt="" />
					    <strong>Products Products Title<</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img4.jpg" width="95%" alt="" />
					    <strong>Products Title</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img5.jpg" width="95%" alt="" />
					    <strong>Products Title</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img6.jpg" width="95%" alt="" />
					    <strong>Products Title</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img7.jpg" width="95%" alt="" />
					    <strong>Products Title</strong>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img7.jpg" width="95%" alt="" />
					    <strong>Products Title</strong>
					</a>
				</li>
			</ul>
		</div>
		<!-- recommend_roducts END / -->
		<!-- about -->
		<div class="d_about cent">
			<div class="d_about_left">
				<h1>About Us</h1>
				<p>
					<img src="images/icon1.png" alt="" />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultrices dui eu lectus fringilla non pellentesque magna egestas. Suspendisse potenti. Vivamus at magna libero. Donec et purus nunc, eu aliquam diam. 
					Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus.
				</p>
				<a href="">Read More</a>
			</div>
			<div class="d_about_right">
				<h1>Our Service</h1>
				<p>
					<img src="images/icon2.png" alt="" />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultrices dui eu lectus fringilla non pellentesque magna egestas. Suspendisse potenti. Vivamus at magna libero. Donec et purus nunc, eu aliquam diam. 
					Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus.
				</p>
				<a href="">Read More</a>
			</div>
		</div>
		<!-- about END / -->
	</div>
	<!-- d_content END / -->

	<div id="footer">
		<div class="cent">
			<p>opyright © 2013 Digood.com , All Rights Reserved. </p>
		</div>
	</div>

</body>
</html>